<header>
  <div class="header-container">
    <!--Header Top Area Start-->
    <div class="header-top-area black-bg">
      <div class="container">
        <div class="row">
          <div class="col-lg-6 col-md-5">
            <!--Header Top Left Start-->
            <div class="header-top-left">
              <div class="header-top-language-currency">
                <div class="switcher">
                  <div class="language">
                    <span class="switcher-title">欢迎来到胎大王</span>
                    <div class="switcher-menu">
                      <ul>
                        <li><a href="/login.html">请登录</a></li>
                      </ul>
                    </div>
                  </div>
                  <div class="currency">
                    <div class="switcher-menu">
                      <ul>
                        <li><a href="login-register.html">立即注册</a></li>
                      </ul>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <!--Header Top Left End-->
          </div>
          <div class="col-lg-6 col-md-7">
            <!--Header Top Right Start-->
            <div class="header-top-right">
              <ul class="menu-top-menu text-md-right">
                <li><a href="my-account.html">我的账户</a></li>
                <li><a href="cart.html">购物车</a></li>
                <li><a href="wishlist.html">手机版</a></li>
                <li><a href="checkout.html">营销支持</a></li>
                <li><a href="login-register.html">商学院</a></li>
              </ul>
            </div>
            <!--Header Top Right End-->
          </div>
        </div>
      </div>
    </div>
    <!--Header Top Area End-->
    <!--Header Middle Area Start-->
    <div class="header-middle-area">
      <div class="container">
        <div class="row">
          <div class="col-xl-3 col-lg-3 col-md-4">
            <!--Header Logo Start-->
            <div class="header-logo">
              <a href="index.html"><img src="img/logo/logo.jpg" alt=""></a>
            </div>
            <!--Header Logo End-->
          </div>
          <div class="col-xl-2 col-lg-3 col-md-4">
            <!--Header Phone Start-->
            <div class="header-phone">
              <div class="icon">
                <i class="fa fa-mobile"></i>
              </div>
              <p>24h服务热线: <br>400-002-8181</p>
            </div>
            <!--Header Phone End-->
          </div>
          <div class="col-xl-5 col-lg-3 col-md-10 order-md-4 order-lg-3">
            <!--Header Search Area-->
            <div class="header-search-area">
              <form action="#">
                <div class="form-input">
                  <input name="search" id="search" placeholder="" value="Search..." onblur="if(this.value==''){this.value='Search...'}"
                    onfocus="if(this.value=='Search...'){this.value=''}" type="text">
                  <button type="submit" class="header-search-btn"><i class="fa fa-search"></i></button>
                </div>
              </form>
            </div>
            <!--Header Search Area-->
          </div>
          <div class="col-xl-2 col-lg-3 col-md-4 order-md-3 order-lg-4">
            <div class="mini-cart">
              <a href="#">
                <span class="cart-icon">
                  <span class="cart-quantity">2</span>
                </span>
                <span class="cart-title">你的购物车 <br><strong>￥190.00</strong></span>
              </a>
              <!--Cart Dropdown Start-->
              <div class="cart-dropdown">
                <ul>
                  <li class="single-cart-item">
                    <div class="cart-img">
                      <a href="single-product.html"><img src="img/cart/cart1.jpg" alt=""></a>
                    </div>
                    <div class="cart-content">
                      <h5 class="product-name"><a href="single-product.html">TDW-8888-真空轮胎</a></h5>
                      <span class="cart-price">1 × ￥90.00</span>
                    </div>
                    <div class="cart-remove">
                      <a title="Remove" href="#"><i class="fa fa-times"></i></a>
                    </div>
                  </li>
                  <li class="single-cart-item">
                    <div class="cart-img">
                      <a href="single-product.html"><img src="img/cart/cart2.jpg" alt=""></a>
                    </div>
                    <div class="cart-content">
                      <h5 class="product-name"><a href="single-product.html">TDW-8888-真空轮胎</a></h5>
                      <span class="cart-price">1 × ￥100.00</span>
                    </div>
                    <div class="cart-remove">
                      <a title="Remove" href="#"><i class="fa fa-times"></i></a>
                    </div>
                  </li>
                </ul>
                <p class="cart-subtotal"><strong>合计:</strong> <span class="float-right">￥190.00</span></p>
                <p class="cart-btn">
                  <a href="cart.html">查看购物车</a>
                  <a href="checkout.html">结算</a>
                </p>
              </div>
              <!--Cart Dropdown End-->
            </div>
          </div>
        </div>
      </div>
    </div>
    <!--Header Middle Area End-->
    <!--Header Bottom Area Start-->
    <div class="header-bottom-area header-sticky">
      <div class="header-boxshadow">
        <div class="container header-inner">
          <div class="row">
            <div class="col-12">
              <!--Logo Sticky Start-->
              <div class="logo-sticky">
                <a href="index.html"><img src="img/logo/logo-min.png" alt=""></a>
              </div>
              <!--Logo Sticky End-->
              <!--Main Menu Area Start-->
              <div class="header-menu text-center">
                <nav>
                  <ul class="main-menu">
                    <li><a href="index.html">首页</a></li>
                    <li><a href="product.html">品牌商城</a></li>
                    <li><a href="portfolio.html">品牌故事</a></li>
                    <li><a href="blog.html">招商加盟</a></li>
                    <li><a href="News/index.html">新闻资讯</a></li>
                    <li><a href="#">积分商城</a> </li>
                  </ul>
                </nav>
              </div>
              <!--Main Menu Area End-->
            </div>
          </div>
          <div class="row">
            <div class="col-12">
              <!--Mobile Menu Area Start-->
              <div class="mobile-menu d-lg-none"></div>
              <!--Mobile Menu Area End-->
            </div>
          </div>
        </div>
      </div>
    </div>
    <!--Header Bottom Area End-->
    <!--Header Middle Area End-->
  </div>
</header>